<template>
  <div></div>
</template>

<script lang="ts">
export default {
  name: "shengming",
};
</script>
<script setup lang="ts">
import {
  onBeforeMount,
  onMounted,
  onBeforeUpdate,
  onUpdated,
  onBeforeUnmount,
  onUnmounted,
} from "vue";
onBeforeMount(() => {
  console.log("beforeMount");
});
onMounted(() => {
  console.log("mounted");
});
onBeforeUpdate(() => {
  console.log("beforeUpdate");
});
onUpdated(() => {
  console.log("updated");
});
onBeforeUnmount(() => {
  console.log("beforeUnmount");
});
onUnmounted(() => {
  console.log("unmounted");
});
</script>

<style lang="scss" scoped></style>
